<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>工单列表查询条件</title>
</head>
<body>

    <!-- 普通输入框 -->
    <div>
        <!-- 配件名称 -->
        <div th:fragment="inputPartName">
            <input class="layui-input" type="text" name="partName" maxlength="32" placeholder="支持模糊查询" autocomplete="off" >
        </div>
    </div>

    <!-- 普通下拉框 -->
    <div>
        <!-- 配件分类 -->
        <div th:fragment="selectForpartType">
            <select name="partType" lay-search>
                <option value="">全部</option>
                <option th:each="item : ${partTypeList}" th:value="${item.key}" th:text="${item.value}"></option>
            </select>
        </div>

        <!-- 配件大类 -->
        <div th:fragment="selectForPartCategOne">
            <select name="categOneId" lay-search lay-filter="partCategOne">
                <option value="">全部</option>
                <option th:each="item : ${partCategOneList}" th:value="${item.value}" th:text="${item.text}"></option>
            </select>
        </div>

        <!-- 配件小类 -->
        <div th:fragment="selectForPartCategTwo">
            <select id="select-part-categ" name="categId" lay-search>
                <option value="">全部</option>
            </select>
        </div>

        <!-- 配件报销状态 -->
        <div th:fragment="selectForPartReimburseStatus">
            <select name="reimburseStatus" lay-search>
                <option value="">全部</option>
                <option th:each="item : ${partReimburseStatusList}" th:value="${item.key}" th:text="${item.value}"></option>
            </select>
        </div>
    </div>

    <!-- 远程搜索下拉框 -->
    <div>
        <!-- 配件 -->
        <div th:fragment="remoteSelectForPart">
            <select id="select-part" name="partId" lay-ignore style="width: 100%;">
                <option value="">请选择</option>
            </select>
        </div>
    </div>

    <!-- 多选框 -->
    <div>
    </div>

    <!-- 时间选择框 -->
    <div>
    </div>

    <!-- 按钮 -->
    <div>
    </div>

</body>
</html>